<template>
  <div>
    <div class="top">
      <img src="../../assets/img/topbg.png" alt="">
    </div>
    <div class="content">

      <van-card num="2" price="2.00" desc="描述信息" title="楚湘坊 · 美味特色菜" thumb="https://img01.yzcdn.cn/vant/ipad.jpeg">
        <template #desc>
          <div>广州市 天河区</div>
          <div>车陂大楼111号车陂大楼111号...</div>
        </template>
        <template #price>
          <div>月售4000+</div>
        </template>
        <template #num>
          <div class="footer">1231231</div>
        </template>
      </van-card>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.van-card {
  background: transparent;
}

.top {
  width: 100%;
  height: 100%;
}

.content {
  margin-top: -130px;

  .footer {
    width: 73px;
    height: 24px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    border-radius: 10px 0px 0px 10px;
    line-height: 24px;
  }
}
</style>